React spa デプロイ

SPAアプリを配置する上で、最低限必要なもの、あると良いものなどを整理しつつ、複数の選択肢を挙げる。

そして、今んとこのベターな選択肢を決める。

思考

hr.icon

ざっと見る感じの選択肢は以下かな

思考としては、netlifyは一番有名でかつ簡単そう。

vercelはNext.jsも使えるやつやろ。Next.jsをデプロイするときに使うかもしれないので、一緒にしちゃうのが熱い。

コンソールでポチポチしたくない。

やっぱり、黙ってワンぽちでインフラ立ち上げが一番。

選択の基準は以下

table: 観点

料金 無料利用 構築のしやすさ レスポンス速度

netlify ◎ ◎ ◎ ？

vercel ◎ △ ◎ ◎

S3 ？ ？ ◯ ◯（Cloudfront前提）

Netlifyから順にSPAアプリを0からデプロイするまでの手順を追い、この表を埋めていこう。

いや、なんか無料で使えるホビープランは商用利用できないらしいのでちょっとあれかなぁ...

Input

hr.icon

代表的っぽいものを挙げる

くらいかな、amplifyとかは重い気がする。

Netlify

たぶん一番有名。基本これでOK。この分野の先駆者。フォームとかCMS付いてる。日本リージョンないからちょい遅い(最寄りはシンガポール)。

日本リージョンないんや。

観点として一つやな。「性能」。

あとは「料金」「デプロイとか管理の簡単さ」

Vercel

たぶん二番目に有名。Next.jsの開発元。Next優遇でISRとか画像最適化が使える。非課金だと商用利用不可。Svelteの作者所属。

Firebase Hosting

たぶん三番目に有名。Google系。Git連携なしでcliメイン。Hosting以外のサービスも沢山、ってかそっちがメイン？

git連携なしか。ちょっと重いか？

でもgit連携してデプロイするの逆に面倒臭い気がするねんな。簡単なアプリだと特に。

AWS Amplify

AWS版Firebase。以上。

Amazon S3

AWSのあれ。静的サイトのホスティングにも使えるが設定がめんどい。(知名度はダントツだけど、一応この記事では静的サイトホスティングサービスの知名度ということで...)

そんな面倒くさく感じなかったけど、面倒なんか。他がもっと簡単なんかな。